import React, { Component } from 'react';
import { HashRouter as Router, Route, } from "react-router-dom"
// Redirect，Switch  这个需要用到再加
import Index from "./components/index/Index"
import Cart from "./components/cart/Cart"
import My from "./components/my/My"
import Category from "./components/category/Category"
import Tabbar from "./components/tabbar/Tabbar"
import SearchCenter from "./components/searchCenter/searchCenter"
import GoodDetail from "./components/goodDetail/GoodDetail"
import GoodList from "./components/goodlis/goodList"
class RouterConfig extends Component {
    render() {
        return (
            <div>
                <Router>
                    <Route path="/" exact render={() => <Tabbar> <Index></Index></Tabbar>}></Route>
                    <Route path="/cart" exact render={() => <Tabbar> <Cart></Cart></Tabbar>}></Route>
                    <Route path="/category" exact render={(props) => <Tabbar> <Category {...props}></Category></Tabbar>}></Route>
                    <Route path="/my" exact render={() => <Tabbar> <My></My></Tabbar>}></Route>
                    <Route path="/searchCenter" exact render={() => <SearchCenter></SearchCenter>}></Route>
                    <Route path="/goodDetail/:goods_id" exact render={(props) => <GoodDetail {...props}></GoodDetail>}></Route>
                    <Route path="/goodList/:query" exact render={(props) => <GoodList {...props}></GoodList>}></Route>
                </Router>
            </div >
        );
    }
}

export default RouterConfig;
